<!DOCTYPE>
<html>
	<head>
		<meta charset="utf-8" />
		<style>
			.main {
				margin: 0 auto;
				width: 960px;
				border: 1px solid #ddd;
			}
			.left {
				float: left;
				width: 600px;
			}
			.right {
				float:right;
			}
			.clear {
				clear: both;
			}
			.inline {
				display: inline-block;
				width:50%;
				color: pink;
			}
		</style>
	</head>
	<body>
	<div class="main">
		<div class="head">
			<h3>注册</h3>
			<hr/>
		</div>
		<div class="contain clearfix">
			<div class="left">
				<h5>请注册</h5>
				<div class='reg'>
					<form meth="post" action="#">
						<table>
							<tr>
								<td>用户名:</td>
								<td><input type="text" /></td>
							</tr>
							<tr>
								<td>密码:</td>
								<td><input type="text" /></td>
							</tr>
							<tr>
								<td></td>
								<td><hr class='inline'>密码强度</td>
							</tr>
							<tr>
								<td>确认密码:</td>
								<td><input type="text" /></td>
							</tr>
							<tr>
								<td>电子邮件:</td>
								<td><input type="text" /></td>
							</tr>
							<tr>
								<td>防恶意注册:</td>
								<td><input type="text" /></td>
							</tr>
							<tr>
								<td>现居信地:</td>
								<td>
								<select>
									<option>湖北</option>
									<option>湖北</option>
									<option>湖北</option>
									<option>湖北</option>
								</select>
								<select>
									<option>襄阳</option>
									<option>襄阳</option>
									<option>襄阳</option>
									<option>襄阳</option>
								</select>
								<select>
									<option>枣阳</option>
									<option>枣阳</option>
									<option>枣阳</option>
									<option>枣阳</option>
								</select>
								</td>
							</tr>
							<tr>
								<td>安全问题:</td>
								<td><select>
									<option>你的性别</option>
									<option>你父亲的生日</option>
									<option>你母亲的生日</option>
									<option>你小学的名字</option>
								</select>
								</td>
							</tr>
							<tr>
								<td>您的答案:</td>
								<td><input type="text" /></td>
							</tr>
							<tr>
								<td></td>
								<td><input type="checkbox" />已经完全同意</td>
							</tr>
							<tr>
								<td></td>
								<td><input type="submit" value="提交" /></td>
							</tr>
						</table>
					</form>
				</div>
			</div>
			<div class="right">
				<div class="login">
					<h6>已经拥有账号？</h6>
					<input type="button" value="马上登陆"/>
				</div>
				<br/>
				<br/>
				<div class="oauth">
					<div>使用合作网站账号登陆：</div>
					<div><a href="#"><img src="#" width="20px" height="20px">QQ帐号</a></div>
					<div><a href="#"><img src="#" width="20px" height="20px">微博帐号</a></div>
				</div>
			</div>
			<div class="clear"></div>
		</div>
	</div>
	</body>
</html>